/*base*/
body{font-family: 'Microsoft YaHei';font-size: 14px;line-height:1.5;color: #666;background-color: #fff;}
h1, h2, h3, h4, h5, h6{color: #333;letter-spacing: 1px;}
h2{font-size: 30px;margin-bottom: 20px;}
h3{font-size: 18px;}
.parallax{background-size:cover;background-repeat: no-repeat;background-position: center;background-attachment: fixed;}
.parallax,
.parallax h1,
.parallax h2,
.parallax h3,
.parallax h4,
.parallax h5,
.parallax h6{color: #fff;}
.parallax input[type="text"],
.parallax input[type="text"]:hover,
.parallax input[type="email"],
.parallax input[type="email"]:hover,
.parallax input[type="url"],
.parallax input[type="url"]:hover,
.parallax input[type="password"],
.parallax input[type="password"]:hover,
.parallax textarea,
.parallax textarea:hover{font-weight: 300;color: #fff;}
.btn{border: 0;border-radius: 0;}
.btn.btn-primary:hover{background-color: #017fb5;}
.navbar-nav li a:hover,
.navbar-nav li a:focus{outline:none;outline-offset: 0;text-decoration:none;background: transparent;}
a{text-decoration: none;-webkit-transition: 300ms;-moz-transition: 300ms;-o-transition: 300ms;transition: 300ms;}
a:focus,
a:hover{text-decoration: none;outline: none}
.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
section{padding:60px 0;}
.heading{padding-bottom:50px;}
.preloader{position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 999999;background: #fff;}
.preloader > i{position: absolute;font-size: 36px;line-height: 36px;top: 50%;left: 50%;height: 36px;width: 36px;margin-top: -15px;margin-left: -15px;display: inline-block;}


/*home*/
#home-slider{overflow: hidden;position: relative;}
#home-slider .caption{position: absolute;top: 50%;margin-top: -104px;left: 0;right: 0;text-align: center;text-transform: uppercase;z-index: 15;font-size: 18px;font-weight: 300;color: #fff;}
#home-slider .caption h1{color: #fff;font-size: 60px;font-weight: 700;margin-bottom: 30px;}
.caption .btn-start{color: #fff;font-size: 14px;padding:14px 40px;border: 1px solid #6e6d6c;border-radius: 4px;margin-top: 40px;}
.caption .btn-start:hover{color: #fff}
.carousel-fade .carousel-inner .item{opacity: 0;-webkit-transition-property: opacity;transition-property: opacity;background-repeat: no-repeat;background-size: cover;height: 2037px;}
.carousel-fade .carousel-inner .item:after{content: " ";position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0,0,0,.7);}
.carousel-fade .carousel-inner .active{opacity: 1;}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right{left: 0;opacity: 0;z-index: 1;}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right{opacity: 1;}
.carousel-fade .carousel-control{z-index: 2;}
.left-control, .right-control{position: absolute;top: 50%;height: 51px;width: 51px;line-height: 48px;border-radius: 50%;border:1px solid #fff;z-index: 20;font-size: 24px;color: #fff;text-align: center;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.left-control{left: -51px}
.right-control{right: -51px;}
.left-control:hover,
.right-control:hover{color:#0b6fa2;}
#home-slider:hover .left-control{left:30px}
#home-slider:hover .right-control{right:30px}
#home-slider .fa-angle-down{position: absolute;left: 50%;bottom: 50px;display: inline-block;width: 24px;margin-left: -12px;font-size: 24px;line-height: 24px;z-index: 999;-webkit-animation: bounce 3000ms infinite;animation: bounce 3000ms infinite;}
.navbar-right li a{color: #333;text-transform: uppercase;font-size: 14px;padding-top: 30px;padding-bottom: 30px;}
.navbar-right li.active a{ color: #005bac;}
.navbar-brand h1{margin-top:-6px;}

/*Service*/
.service-icon{border-radius: 4px;color: #fff;display: inline-block;font-size: 36px;height: 90px;line-height: 90px;width: 90px;-webkit-transition: background-color 0.2s ease;transition: background-color 0.2s ease;}
.service-info h3{margin-top:20px;font-size: 16px;}


/*about*/
#about-us{padding: 60px 0;}
/*#about-us .container{background: #eee;}*/
#about-us .no-gutter{background: #f5f5f5;}
#about-us .about-info{padding: 30px;}
#about-us .menu{background-color:#005bac;color: #fff;padding:0 15px;border-radius:2px;font-size: 14px;letter-spacing: 1px;margin: 50px 0 0 0;}
#about-us .menu:hover{background-color:#bcbbbb;}

#about-us h2{margin-top: 0;}
#about-us .lead{font-size: 16px;margin-bottom: 10px;}
#about-us h1{margin-bottom: 30px;}
.progress{height: 20px;background-color: #fff;border-radius: 0;box-shadow: none;-webkit-box-shadow: none;margin-bottom: 25px;}
.progress-bar{box-shadow: none;-webkit-box-shadow: none;text-align: right;padding-right: 12px;font-size: 12px;font-weight: 600;}
.progress .progress-bar.six-sec-ease-in-out{-webkit-transition: width 2s ease-in-out;transition: width 2s ease-in-out;}

/*portfolio*/
#portfolio .container-fluid,
#portfolio .col-sm-3{overflow: hidden;padding: 0;}
#portfolio .folio-item{position: relative;}
#portfolio .overlay{background-color: #000;color: #fff;left: 0;right:0;bottom:-100%;height: 0;position: absolute;text-align: center;opacity:0;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.overlay .overlay-content{display: table;height: 100%;width: 100%;}
.overlay .overlay-text{display: table-cell;vertical-align: middle;}
.overlay .folio-info{opacity: 0;margin-bottom: 75px;margin-top: -75px;-webkit-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
.overlay .folio-info h3{margin-top: 0;color: #fff;}
.folio-overview a{font-size: 18px;color: #333;height: 50px;width: 50px;line-height: 50px;border-radius: 50%;background-color: #fff;display: inline-block;margin-top: 20px;margin-right: 5px;}
.folio-overview a:hover{color: #fff;}
.folio-overview .folio-expand{margin-top: -500px;margin-left: -500px;}
.folio-image, .folio-overview .folio-expand{-webkit-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;}
#portfolio .folio-item:hover .folio-image{-webkit-transform: scale(1.5) rotate(-15deg);transform: scale(1.5) rotate(-15deg);}
.folio-image img{width: 100%;}
#portfolio .folio-item:hover .overlay{opacity: 0.8;bottom: 0;height: 100%;}
#portfolio .folio-item:hover .folio-overview .folio-expand{margin-top: 0;margin-left:0;}
#portfolio .folio-item:hover .overlay .folio-info{opacity: 1;margin-bottom:0;margin-top:0;}
#single-portfolio{padding: 90px 0;background: #f5f5f5;position: relative;}
#single-portfolio img{width: 100%;margin-bottom: 10px;}
#single-portfolio .close-folio-item{position: absolute;top: 30px;font-size: 34px;width: 34px;height: 34px;left: 50%;color: #999;margin-left: -17px;}

/*Team*/
#team{padding-top: 0;}
.team-members{margin-bottom: 25px;}
.social-icons{margin-top:30px;text-align: center;}
.social-icons ul{list-style: none;padding: 0;margin: 0;display: inline-block;}
.social-icons ul li{float: left;margin-right: 8px;}
.social-icons ul li:last-child{margin-right: 0;}
.social-icons ul li a{color:#fff;background-color: #d9d9d9;height: 36px;width: 36px;line-height: 36px;display: block;font-size: 16px;opacity: 0.8;}
.social-icons ul li a:hover{opacity: 1;-webkit-transform: scale(1.2);transform: scale(1.2);}
.team-member{text-align: center;color: #333;font-size: 14px;}
.team-member:hover .social-icons ul li a.facebook{background-color: #3b5999;}
.team-member:hover .social-icons ul li a.twitter{background-color: #2ac6f7;}
.team-member:hover .social-icons ul li a.dribbble{background-color: #ff5b92;}
.team-member:hover .social-icons ul li a.linkedin{background-color: #036dc0;}
.team-member:hover .social-icons ul li a.rss{background-color: #ff6b00;}
#team .img-responsive{width: 100%;}
.member-info h3{margin-top: 35px;}
.member-info h4{font-size: 14px;margin-bottom: 15px;color: #999;}

/*Features
#features{text-align: center;background-image: url(../images/features-bg.jpg);}
#features i{font-size: 48px;}
#features h3{margin-top: 15px;font-size: 30px;margin-bottom: 7px;color: #fff;}
#features .slider-overlay{opacity: 0.8;}
*/
/*pricing*/
.pricing-table{text-align: center;}
.single-table{padding: 30px 20px 20px;border:1px solid #f2f2f2;}
.single-table h3{margin-top: 0;padding: 0;font-size: 18px;text-transform: uppercase;margin-bottom: 30px;}
.price{font-size: 36px;line-height: 36px;}
.price span{font-size: 14px;line-height: 14px;}
.single-table ul{list-style: none;padding: 0;margin: 30px 0;}
.single-table ul li{line-height: 30px;}
.single-table.featured{color: #fff;}
.single-table.featured h3{color: #fff;}
.single-table.featured .btn.btn-primary{background-color: #fff;}

/*twitter*/
#twitter{background-image: url(../images/twitter-bg.jpg);}
#twitter > div{text-align: center;position: relative;}
#twitter-carousel{position: relative;z-index: 15}
.twitter-icon{position: relative;z-index: 15;color: #fff;}
.twitter-icon .fa-twitter{font-size: 24px;height: 64px;width: 64px;line-height: 65px;border-radius: 50%;position: relative;}
.twitter-icon .fa-twitter:after{position: absolute;content: "";border-width: 8px;border-style: solid;left: 24px;bottom: -14px;}
#twitter-carousel .item{padding: 0 55px;}
#twitter-carousel .item a{color: #fff;}
.twitter-icon h4{text-transform: uppercase;margin-top: 25px;margin-bottom: 25px;color: #fff;}
.twitter-left-control,
.twitter-right-control{position: absolute;top: 50%;color: #fff;border: 1px solid #fafafa;height:34px;width: 34px;line-height: 31px;margin-top: -17px;font-size: 18px;border-radius: 50%;z-index: 15}
.twitter-left-control{left: 80px;}
.twitter-right-control{right: 80px}
.twitter-left-control:hover, .twitter-right-control:hover{color: #fff;}

/*blog*/
.post-thumb{position: relative;}
.post-icon{position: absolute;top:10px;right:10px;height: 30px;width: 30px;line-height: 30px;border-radius:4px;text-align: center;color: #fff;font-size: 12px;}
.post-meta{position: absolute;bottom: 15px;left: 15px;color: #fff;font-size: 12px;text-transform: uppercase;font-weight: 600;}
.post-meta span{margin-right: 16px;}
#post-carousel .carousel-indicators{bottom: 3px;left: 90%;}
.blog-left-control, .blog-right-control{position: absolute;top: 45%;width: 30px;text-align: center;color: rgba(255,255,255,.7);font-size: 36px;}
.blog-left-control{left: 0;}
.blog-right-control{right: 0;}
.blog-left-control:hover, .blog-right-control:hover{color: #fff;}
.entry-header h3 a{line-height: 30px;}
.entry-header .date,
.entry-header .cetagory{display: inline-block;font-size: 11px;font-weight: 600;margin-bottom: 30px;text-transform: uppercase;position: relative;}
.entry-header .date:after{content: "";position: absolute;left: 0;bottom:-22px;width: 20px;height: 3px;}
.entry-content{font-size: 14px;}
.load-more{display:block;text-align: center;margin-top: 70px;}
.btn-loadmore{border: 1px solid #f2f2f2;color: #666666;font-size: 14px;font-weight: 600;padding: 15px 125px;text-transform: uppercase;}
.btn-loadmore:hover{color:#fff;}


/*contact*/
#contact{padding-top: 45px;padding-bottom: 0;}
#google-map{height: 350px;}
#contact-us{background-image:url(../images/contact-bg.jpg);padding-bottom: 90px;}
#contact-us .heading{padding-top: 95px;}
.form-control{background-color: transparent;border-color: rgba(255,255,255,.1);height: 50px;border-radius: 0;box-shadow: none;}
textarea.form-control{min-height: 180px;resize:none;}
.form-group{margin-bottom: 30px;}
.contact-info{padding-left:70px;font-weight: 300;}
ul.address{margin-top: 30px;list-style: none;padding: 0;margin: 0;}
.contact-info ul li{margin-bottom: 8px;}
.contact-info ul li a{color: #fff;}
.btn-submit{display: block;padding: 12px;width: 100%;color: #fff;border:0;margin-top: 40px;}


/*footer*/
#footer{color:#fff;}
#footer .footer-bottom{background-color: #fff;padding: 20px;}

/*增加case*/
.case-box{padding: 0 0 20px 0;box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);margin:40px 0;}
.case-box-title{margin:20px 0;}
.case-box-title h3{padding: 0; margin: 0; font-size: 20px;}